<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="description" content="新网页设计师。web标准的教程站点，推动web标准在中国的应用" />
<meta name="keywords" content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" />
<title>填写资料-用户注册</title>
<link rel="icon" type="image/x-icon" href="http://static.test.com/images/common/favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="http://static.test.com/images/common/favicon.ico" />
<link rel="stylesheet" type="text/css" href="http://static.test.com/style/v1/base.css" />
<style type="text/css">

/* 组件内容 */
.bcontent{background-color:#fafdff;}
.bcontent .tipswarn{height:21px;margin:10px 10px 10px 11px;border:1px solid #f0d692;padding:0 5px 0 25px;background:#ffc url(http://static.paipaiimg.com/assets/common/box1.png) no-repeat 5px -110px;line-height:23px;}
.bcontent .tipsinfo{margin:10px 10px 10px 11px;border:1px solid #aedfff;padding:0 5px 0 25px;background:#f1faff url(http://static.paipaiimg.com/assets/common/box1.png) no-repeat 5px -75px;}
.bcontent .tipssuccbig{margin:10px 10px 10px 11px;padding:0 5px 0 35px;background:url(http://static.paipaiimg.com/assets/common/box1.png) no-repeat 5px -211px;line-height:25px;}

.bcontentlist{margin:3px 0 0 11px;}
.bcontentlist table{border-collapse:collapse;}
.bcontentlist table th,.box1 .bcontentlist table td{padding:5px 0;vertical-align:top;border-top:3px solid #fafdff;}
.bcontentlist table th{width:88px;padding-right:4px;text-align:right;line-height:22px;color:#333333;}
.bcontentlist table .txterror{visibility:hidden;}
.bcontentlist table .txterror span{display:none;}
.bcontentlist table span.remark{display:block;color:#999999;line-height:20px;}
.bcontentlist table .list_error{background-color:#ffe9e9;}
.bcontentlist table .list_error th{color:#ff0000;background-image:none;}
.bcontentlist table .list_error td{background:url(http://static.paipaiimg.com/assets/common/box1.png) right -378px no-repeat #ffe9e9;}
.bcontentlist table .list_error .txterror{visibility:visible;width:120px;padding:8px 4px 5px 5px;background:#fafdff;vertical-align:top;font:700 12px 宋体;color:#ff0000;}
.bcontentlist table .list_error .txterror span {display:block;}
.bcontentlist table .list_error .txterror em{display:inline-block;color:#999999;line-height:18px;}
.bcontentlist table .exception th{border-top:3px solid #ffe9e9;}
.bcontentlist table .exception td{border-top:3px solid #ffe9e9;background:#ffe9e9;}
.bcontentlist p.operate{padding:22px 0 20px 90px;}
.bcontentlist p.operate input{margin-right:30px;}

/* 省市区 */
.area{position:relative;}
.area select{margin-left:10px;}
.area .province{position:relative;top:3px;display:inline-block;width:72px;height:23px;margin-right:4px;padding:0 0 0 12px;background:transparent url(http://static.paipaiimg.com/assets/common/box1.png) no-repeat 0 -145px;cursor:pointer;}
.area .province_hover{position:relative;top:3px;display:inline-block;width:72px;height:23px;margin-right:4px;padding:0 0 0 12px;background:transparent url(http://static.paipaiimg.com/assets/common/box1.png) no-repeat 0 -169px;cursor:pointer;}
.area .maskiframe{position:absolute;top:-1px;left:-1px;width:309px;height:176px;filter:alpha(opacity=0);-moz-opacity:0;z-index:-1;}
.area .provincelist{position:absolute;width:290px;left:0;top:25px;z-index:-1;padding:8px 3px 15px 14px;line-height:20px;border:1px solid #7f9db9;background-color:#ffffff;}
.area .provincelist a{display:inline-block;padding:0 4px 0;height:19px;font:400 12px/19px 宋体;border:1px solid #ffffff;}
.area .provincelist a:hover{border:1px solid #8cc0e7;background-color:#fafdff;color:#014ccc;text-decoration:none;}


</style>
</head>
<body>
<br />
<br />
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>
    	<div class="bcontentlist">
        <table width="100%" cellspacing="0" cellpadding="0" border="0">
          <tbody>
            <tr id="address_regionId_tr">
              <th>所在地区：</th>
              <td><div id="regionArea" class="area">
                  <div style="z-index:98;" class="area"><span id="provinceName_303" class="province">- 选择省 -</span>
                    <div style="display:none;z-index:10000" id="provinceList_303" class="provincelist">
                      <iframe scrolling="no" frameborder="0" vspace="0" hspace="0" marginheight="0" marginwidth="0" class="maskiframe"></iframe>
                      <a href="#pl">北京</a> <a href="#pl">天津</a> <a href="#pl">上海</a> <a href="#pl">重庆</a><br>
                      <a href="#pl">广东</a> <a href="#pl">广西</a> <a href="#pl">海南</a> <a href="#pl">山东</a> <a href="#pl">江苏</a> <a href="#pl">安徽</a> <a href="#pl">浙江</a><br>
                      <a href="#pl">福建</a> <a href="#pl">湖北</a> <a href="#pl">湖南</a> <a href="#pl">河南</a> <a href="#pl">江西</a> <a href="#pl">吉林</a> <a href="#pl">黑龙江</a><br>
                      <a href="#pl">辽宁</a> <a href="#pl">四川</a> <a href="#pl">云南</a> <a href="#pl">贵州</a> <a href="#pl">西藏</a> <a href="#pl">陕西</a> <a href="#pl">青海</a><br>
                      <a href="#pl">甘肃</a> <a href="#pl">宁夏</a> <a href="#pl">新疆</a> <a href="#pl">河北</a> <a href="#pl">山西</a> <a href="#pl">内蒙古</a><br>
                      <a href="#pl">香港</a> <a href="#pl">澳门</a> <a href="#pl">台湾</a> <a href="#pl">海外</a>
                    </div>
                    <select style="width:90px;" id="cityId_303" name="cityId">
                      <option value="" style="color:#666">- 选择市 -</option>
                    </select>
                    <select style="width:90px;" id="areaId_303" name="areaId">
                      <option value="" style="color:#666">- 选择区 -</option>
                    </select>
                    <input type="hidden" id="provinceId_303" name="provinceId">
                  </div>
                </div>
                <input type="hidden" id="address_regionId" name="address_regionId">
                <input type="hidden" id="address_regionStr" name="address_regionStr"></td>
              <td id="address_regionId_error" class="txterror">请选择所在地区。</td>
            </tr>
            <tr id="address_street_tr">
              <th>街道地址：</th>
              <td><input type="text" maxlength="255" size="40" id="address_street" name="address_street">
                <span class="remark">(请填写您的详细地址，不需要重复填写省、市、地区)</span></td>
              <td id="address_street_error" class="txterror">请填写街道地址。</td>
            </tr>
            <tr id="address_code_tr">
              <th>邮编：</th>
              <td><input type="text" style="ime-mode:disabled;text-transform: lowercase;" maxlength="6" id="address_code" name="address_code">
                <span class="remark"></span></td>
              <td id="address_code_error" class="txterror">请填写邮编。</td>
            </tr>
            <tr id="address_name_tr">
              <th>收货人姓名：</th>
              <td><input type="text" maxlength="30" id="address_name" name="address_name">
                <span class="remark"></span></td>
              <td id="address_name_error" class="txterror">请填写收货人姓名。</td>
            </tr>
            <tr id="address_mobile_tr">
              <th>手机号码：</th>
              <td><input type="text" style="ime-mode:disabled;text-transform: lowercase;" maxlength="11" id="address_mobile" name="address_mobile">
                <span class="remark">(手机和电话至少填写一项)</span></td>
              <td id="address_mobile_error" class="txterror" rowspan="2">请填写手机或电话。</td>
            </tr>
            <tr id="address_phone_tr">
              <th>电话号码：</th>
              <td><input type="text" style="ime-mode:disabled;text-transform: lowercase;" maxlength="4" size="5" id="address_phone0" name="address_phone0">
                -
                <input type="text" style="ime-mode:disabled;text-transform: lowercase;" maxlength="9" size="10" id="address_phone1" name="address_phone1">
                -
                <input type="text" style="ime-mode:disabled;text-transform: lowercase;" maxlength="6" size="5" id="address_phone2" name="address_phone2">
                <span class="remark">(格式：区号-电话号码-分机，分机可不填)</span></td>
            </tr>
          </tbody>
        </table>
		</div>
    </td>
  </tr>
</table>

<script type="text/javascript" src="http://static.test.com/js/loader.js"></script>
<script type="text/javascript">
loader.load({url:'module!jquery', charset:'utf-8'}, function(){
	loader.load('module!form-ui', function(){
		//$('#form_demo').formUI();
		//$('#f_password').passwordStrength();
	});
});

</script>
</body>
</html>
